<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <!-- 最新 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

  <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">

  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
  <title></title>
  <style media="screen">
    .shadow {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.3;
      filter: alpha(opacity=30);
    }

    .mod_dialog {
      width: 100%;
      height: 100%;
      background: #fff;
      position: fixed;
      left: 0;
      top: 0;
    }

    td {
      vertical-align: middle !important;
    }

    .center-block {
      max-width: 50%;
    }
  </style>

</head>

<body>
  <div class="page">
    <ul class="nav nav-tabs">
      <li>
        <a href="/admin/">管理首页</a>
      </li>
      <li>
        <a href="/admin/banners">banner设置</a>
      </li>
      <li class="active">
        <a href="/admin/images">images上传</a>
      </li>
      <li>
        <a href="/admin/news">公司新闻</a>
      </li>
      <li>
        <a href="/admin/contact">联系方式</a>
      </li>
      <li>
        <a href="/admin/msg">留言管理</a>
      </li>
      <li>
        <a href="/admin/companyInfor">公司简介</a>
      </li>
      <li>
        <a href="/admin/headDescription">公司公告</a>
      </li>
      <li>
        <a href="/admin/companyHistory">公司历程</a>
      </li>
      <li>
        <a href="/admin/industryconsulting">行业咨询</a>
      </li>
      <li>
        <a href="/admin/partners">合作伙伴</a>
      </li>
      <li>
        <a href="/admin/product">产品服务</a>
      </li>
      <li>
        <a href="/admin/map">自定义地图</a>
      </li>
      <li>
        <a href="/admin/navname">一级导航名</a>
      </li>
    </ul>
    <div class="content-wrap">
      <div>
        <form action="?" method="post" enctype="multipart/form-data" role="form">
          <label for="image_name"> 图片名称：</label>
          <input type="text" name="image_name" id="image_name" class="form-control" placeholder="请输入图片标题" />
          <label for="f1"> 图片名称：</label>
          <input type="file" name="f1" id="f1" placeholder="选择文件" class="btn btn-primary" />
          <button type="submit" class="btn btn-default">添加</button>
        </form>
      </div>
      <table class="table table-striped table-bordered table-hover">
        <thead>
          <tr>
            <th>ID</th>
            <th>图片名称</th>
            <th>图片</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <% for(var i=0;i<imadata.length;i++){ %>
            <tr>
              <td>
                <%=imadata[i].ID%>
              </td>
              <td>
                <%=imadata[i].image_name%>
              </td>
              <td>
                <img class="center-block" style="max-height: 350px;" src="/upload/<%=imadata[i].image_url%>" />
              </td>
              <td>
                <a class="btn btn-warning" href="?act=mod&id=<%=imadata[i].ID%>">修改</a>
                <!-- <a class="btn btn-danger" href="?act=del&id=<%=imadata[i].ID%>" onclick="return confirm('你真的要删吗？')">删除</a> -->
              </td>
            </tr>
            <% } %>
        </tbody>
      </table>
      <% if(typeof mod_data!='undefined'){ %>
        <div class="shadow"></div>
        <div class="mod_dialog">
          <form action="?" method="post" enctype="multipart/form-data">
            <input type="hidden" name="mod_id" class="form-control" value="<%= mod_data.ID %>" /> 标题：
            <input type="text" name="image_name" class="form-control" value="<%= mod_data.image_name %>" />
            <br> 图片：
            <input class="form-control" type="file" name="f1" />
            <br>
            <input type="submit" value="修改" class="btn btn-danger"/>
            <a class="btn btn-warning" href="/admin/images">取消修改</a>
          </form>
        </div>
        <% } %>
    </div>
  </div>
</body>

</html>